<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>添加商品</title>
<style type="text/css">
*{margin:0; padding:0;}
#all{ width:720px; height:421px; margin:0 auto;  margin-top:20px;background:#ECF5FC;}
#top{width:720px; height:67px;margin-bottom:4px; }
#left{width:128px; height:344px; float:left; margin-left:8px; clear:both; padding-top:10px;margin-right:2px;}   
#main{width:582px; float:left;}
#topbar{width:710px; height:28px; margin-bottom:1px; background:#0168B7; padding-left:10px; }
#topbar a{color:#FFF; display:block; text-decoration:none; font-size:12px; line-height:28px; width:60px; text-align:center; float:left;}
#logo{	width:720px; height:39px; line-height:39px;	background-image: url(images/top_bg.jpg);	background-repeat: repeat-x;border-bottom:#00A0E8 solid 1px;  }
#logo img{padding-left:18px; padding-top:5px; float:left; display:block;}
#logotext{ font-size:20px; padding-left:20px; float:left;}
#wellcome{float:left; margin-left:100px; font-size:12px;}
#left ul{list-style:none; border:#0000FF solid 1px;}
#left a{color:#000000; font-size:16px; font-family:"黑体"; text-decoration:none;}
#left li{border-bottom:#0000FF solid 1px; height:25px; line-height:25px; padding-left:15px; }
.box1{background: url(images/list-2.png); height:12px;}
.box2{background: url(images/list-1.png); height:12px;}
#content{ width:519px;  margin:0 auto;  margin-top:10px; border:#0000FF solid 1px;}
.wb{ background:#FFF;}
.bb{ background:#C4DBED;}
ul{list-style: none;}
#content{background:#CADFFC; padding:7px 12px; height:306px;}
#pronav{margin-bottom:10px;}
#prolist ul{padding-left:67px;}
#prolist ul li{height:30px; font-size:12px;}
</style>
</head>
<body>
<div id="all">
	<div id="top">
		<div id="topbar"><a href="#">首页 |</a><a href="#">修改密码 |</a><a href="#">退出系统</a></div>
		<div id="logo"><img src="../images/logo2.jpg" /> <div id="logotext">文化沙龙餐厅管理系统</div> <div id="wellcome">欢迎您管理员<123456></div> </div>
	</div>
	<div id="left">
	<h3 class="box1"></h3>
		<ul>
			<li><a href="#">商品管理 ></a></li>
			<li class="wb"><a href="#">添加商品 ></a></li>
			<li class="wb"><a href="#">删除管理 ></a></li>
			<li class="wb"><a href="#">商品上架 ></a></li>
			<li class="wb"><a href="#">商品下架 ></a></li>
			<li class="wb"><a href="#">修改商品 ></a></li>
			<li class="bb"><a href="#">订单管理 ></a></li>
			<li class="bb"><a href="#">用户管理 ></a></li>
			<li class="bb"><a href="#">公告更新 ></a></li>
			<li class="bb"><a href="#">销售总计 ></a></li>
			<li class="bb" style="border:0;"><a href="#">勤助名单 ></a></li>
		</ul>
		<h3 class="box2"></h3>		
	</div>
	<div id="main">
	<!-- 内容 -->
		<div id="content">
			<div id="pronav"><p>商品管理>添加商品</p></div>
			<div id="prolist">
			<form action="goodsadd.do" method="post">
				<ul>
					<li>商品名称：<input type="text" name="goodsName" id="goodsName" /></li>
					<li>商品价格：<input type="text" />元</li>
					<li>是否支持礼品包装：<input type="text" />(是或否)</li>
					<li>送货时间：<input type="text" />min</li>
					<li>如果为饮品，容量为：<input type="text" />ml/杯</li>
					<li>含量：<input type="text" />g</li>
					<li>商品图片：本地上传</li>
					<li>选择本地图片：<input type="button" value="文件上传" />
					
					</li>
				</ul>
				</form>
		  </div>
		  

		</div>
	<!-- 内容结束 -->
	</div>

</div>
</body>
</html>